<template>
    <div>
        <Record :newSongData="mapRecord"></Record>
    </div>
</template>

<script>
import Record from '../NewSong/NewSong'
export default {
    props:['userRecord'],
    components:{
        Record
    },
    computed:{
        mapRecord:function(){
          let newArr = []
          newArr = this.userRecord.map( item=>{
              return {
                    id:item.song.id,
                    name:item.song.name,
                    picUrl:item.song.al.picUrl,
                    song:{
                        album:{
                            name:item.song.al.name
                        },
                        artists:item.song.ar
                        }
                }
          })
          return newArr
        }
    }
};
</script>

<style scoped>

</style>